<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客编辑页</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/blog-edit.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.js"></script>
    <link rel="stylesheet" href="editor.md/css/editormd.min.css">
    <script src="editor.md/lib/marked.min.js"></script>
    <script src="editor.md/lib/prettify.min.js"></script>
    <script src="editor.md/editormd.js"></script>
    <script src="./js/app.js"></script>


</head>
<body>
    <div class="nav">
      <!-- 头像 -->
      <img src="./image/cat.webp" alt="猫咪" />
      <div class="title">我的博客系统</div>

      <div class="spacer"></div>

        <a href="blog_list.html">主页</a>
      <a href="logout">注销</a>

    </div>
    <div class="blog-edit-container">
      <!-- 标题编辑区 -->
        <div class="title">
          <input type="text" id="text" />
          <input type="submit" id="submit" onclick="submit1()" value="发布博客">
        </div>
        <!-- 创建一个id为editor的div id！-->
        <div id="editor">
          <textarea  id="content" style="display: none;"></textarea>
        </div>
    </div>
        <script>
            // editormd函数构造编辑器对象，参数则是编辑器元素的id，以及js对象，初始化量
            // 这一步重点在于默默帮你构建了对象！
            //其他属性在这里设置就行了，因为这里的优先级会更高！
            //由于不能有-号，所以圆角矩形不能在这里设置
            // 这个构造器，默认会溢出将滚动条给markdown编辑器！
            var editor = editormd("editor", {
              width: "100%",
              height: "calc(100% - 50px)",
              markdown: "# 在这里写下一篇博客",
              path: "editor.md/lib/",
            });
            checkLogin();
             function submit1(){
             let body = {
              userId : 0,
              blogId : null,
              title : document.querySelector('#text').value,
              content : jQuery('#content').val(),
              postTime : null
             }
              $.ajax({
                type:'post',
                url:'submit',
                data:JSON.stringify(body),
                contentType:'application/json;charset=utf8',
                success:function(body){
                  alert("发布成功");
                  location.assign("blog_list.html");
                },error:function(){
                  alert("发布失败")
                }
              })
            }
          </script>

</body>
</html>